<nz-card class="table-box">
  <div class="header_box">
    <label class="page_title"> <label class="driver">|</label> 运单费用</label>
    <div class="mr-sm">
      <button nz-button nzDanger [nzLoading]="service.http.loading" (click)="openDrawer()" acl
        [acl-ability]="['WAYBILL-FEE-search']">筛选</button>
      <!-- <button nz-button nzDanger acl [acl-ability]="['WAYBILL-VEHICLE-export']" (click)="exprot()">导出</button> -->
    </div>
  </div>
  <div>
    <st #st [scroll]="{ x: '2000px', y: scrollY }" [data]="service.$api_get_waybill_fee_page" [columns]="columns"
      [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
      [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
      [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }">
      <ng-template st-row="billCode" let-item>
        <a>{{item?.billCode}}</a>
      </ng-template>
      <ng-template st-row="wayBillCode" let-item>
        <a>{{item?.wayBillCode}}</a>
      </ng-template>
    </st>
  </div>
</nz-card>
